<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" th:src="@{/js/require.js}"></script>
    <script type="text/javascript" th:src="@{/js/requireConfig.js}"></script>
    <script type="text/javascript" th:src="@{/js/app/SoShop/List.js}"></script>
    <link rel="stylesheet" th:href="@{/css/sa.css}">
</head>
<body>
<div style="margin-top: -1em;"><br></div>
<div id="toolbarDemo" style="display: none">
    <div class="layui-btn-container">

    </div>
</div>
<div id="uploadLoadingDiv" style="position: fixed;top:0">
    <div class="layui-progress" lay-filter="demo">
        <div class="layui-progress-bar layui-bg-orange" lay-percent="0%"></div>
    </div>
</div>
<div class="vue-box" style="display: block;">
    <div class="c-panel">
        <div class="c-title">检索参数</div>
        <form class="layui-form el-form">
            <div class="c-item">
                <label class="c-label">商品名称：</label>
                <input class="layui-input layui-input-inline" name="F_SHOP_NAME">
            </div>
            <div class="c-item">
                <label class="c-label">商品id：</label>
                <input class="layui-input layui-input-inline" name="F_SHOP_ID">
            </div>
            <div class="c-item" style="min-width: 0px;">
                <button @click="seachs()"type="button" class="layui-btn layui-input-inline layui-btn-sm">
                    <i class="layui-icon layui-icon-search"></i>
                    查询
                </button>
                <button @click="referXadmin()"type="button" class="layui-btn layui-input-inline layui-btn-normal layui-btn-sm">
                    <i class="layui-icon layui-icon-refresh"></i>
                    刷新
                </button>
            </div>
        </form>
    </div>
    <div class="c-panel">
        <div class="c-title">列表</div>
        <div class="sa-table">

        </div>
    </div>
    <div class="c-panel">
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
                <li lay-id="1" class="layui-this">新增</li>
                <li lay-id="2" >修改</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <form class="layui-form" action="" >
                        <div class="layui-form-item">
                            <label class="layui-form-label">商品名称<i class="icon-re">*</i></label>
                            <div class="layui-input-block">
                                <input type="text" name="F_SHOP_NAME" required lay-verify="required"
                                       placeholder="请输入商品名称" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item" style="width:300px">
                            <label class="layui-form-label">类型<i class="icon-re">*</i></label>
                            <div class="layui-input-block">
                                <select name="F_SHOP_TYPE">
                                    <option value="0">信用区</option>
                                    <option value="1">活动区</option>
                                    <option value="2">兑换区</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">上架</label>
                            <div class="layui-input-block">
                                <input type="radio" name="F_STATUS" value="0" title="是">
                                <input type="radio" name="F_STATUS" value="1" title="否" checked>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">商品价格<i class="icon-re">*</i></label>
                            <div class="layui-input-block">
                                <input type="number" name="F_PRICE" required lay-verify="required" placeholder="请输入商品价格"
                                       autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">消费积分<i class="icon-re">*</i></label>
                            <div class="layui-input-block">
                                <input type="number" name="F_CONSUME_JF" required lay-verify="required" placeholder="请输入消耗信用分"
                                       autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">兑换积分<i class="icon-re">*</i></label>
                            <div class="layui-input-block">
                                <input type="number" name="F_CONVERT_JF" required lay-verify="required"
                                       placeholder="请输入兑换积分" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">库存数量<i class="icon-re">*</i></label>
                            <div class="layui-input-block">
                                <input type="number" name="F_STOCK_NUM" required lay-verify="required"
                                       placeholder="请输入库存数量" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <!--<div class="layui-form-item">
                            <label class="layui-form-label">规格<i class="icon-re">*</i></label>
                            <div class="layui-input-block">
                                <input type="text" name="F_EXTEND1" required lay-verify="required" placeholder="请输入规格"
                                       autocomplete="off" class="layui-input">
                            </div>
                        </div>-->
                        <!--<div class="layui-form-item">
                            <label class="layui-form-label">服务标准<i class="icon-re">*</i></label>
                            <div class="layui-input-block">
                                <input type="text" name="fwbz" required lay-verify="required" placeholder="请输入字服务标准"
                                       autocomplete="off" class="layui-input">
                            </div>
                        </div>-->
                        <div class="layui-form-item">
                            <label class="layui-form-label">商品主图<i class="icon-re">*</i></label>
                            <div class="layui-input-block">
                                <button type="button" class="layui-btn" id="SC">
                                    <i class="layui-icon">&#xe67c;</i>上传图片
                                </button>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">图文详情<i class="icon-re">*</i></label>
                            <div class="layui-input-block">
                                <div id="XQ"></div>
                            </div>
                        </div>
                        <div class="layui-form-item" style="margin-top: 10px">
                            <div class="layui-input-block">
                                <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="layui-tab-item">
                    <form class="layui-form" action="" >
                        <div class="layui-form-item">
                            <label class="layui-form-label">商品名称<i class="icon-re">*</i></label>
                            <div class="layui-input-block">
                                <input type="text" name="F_SHOP_NAME" required lay-verify="required"
                                       v-bind:value="th.f_shop_name" placeholder="请输入商品名称" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item" style="width:300px">
                            <label class="layui-form-label">类型<i class="icon-re">*</i></label>
                            <div class="layui-input-block">
                                <select name="F_SHOP_TYPE">
                                    <option value="0" v-if="th.f_shop_type==0" selected>信用区</option>
                                    <option value="0" v-if="th.f_shop_type!=0">信用区</option>
                                    <option value="1" v-if="th.f_shop_type==1" selected>活动区</option>
                                    <option value="1" v-if="th.f_shop_type!=1">活动区</option>
                                    <option value="2" v-if="th.f_shop_type==2" selected>兑换区</option>
                                    <option value="2" v-if="th.f_shop_type!=2">兑换区</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">上架</label>
                            <div class="layui-input-block">
                                <input type="radio" name="F_STATUS" value="0" title="是" v-if="th.f_status==0" checked>
                                <input type="radio" name="F_STATUS" value="1" title="否" v-if="th.f_status==0">

                                <input type="radio" name="F_STATUS" value="0" title="是" v-if="th.f_status==1">
                                <input type="radio" name="F_STATUS" value="1" title="否" v-if="th.f_status==1" checked>

                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">商品价格<i class="icon-re">*</i></label>
                            <div class="layui-input-block">
                                <input type="number" v-bind:value="th.f_price" name="F_PRICE" required lay-verify="required" placeholder="请输入商品价格"
                                       autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">消费积分<i class="icon-re">*</i></label>
                            <div class="layui-input-block">
                                <input type="number" v-bind:value="th.f_consume_jf" name="F_CONSUME_JF" required lay-verify="required" placeholder="请输入消耗信用分"
                                       autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">兑换积分<i class="icon-re">*</i></label>
                            <div class="layui-input-block">
                                <input type="number" v-bind:value="th.f_convert_jf"  name="F_CONVERT_JF" required lay-verify="required"
                                       placeholder="请输入兑换积分" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">库存数量<i class="icon-re">*</i></label>
                            <div class="layui-input-block">
                                <input type="number" v-bind:value="th.f_stock_num" name="F_STOCK_NUM" required lay-verify="required"
                                       placeholder="请输入库存数量" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <!--<div class="layui-form-item">
                            <label class="layui-form-label">规格<i class="icon-re">*</i></label>
                            <div class="layui-input-block">
                                <input type="text" name="F_EXTEND1" required lay-verify="required" placeholder="请输入规格"
                                       autocomplete="off" class="layui-input">
                            </div>
                        </div>-->
                        <!--<div class="layui-form-item">
                            <label class="layui-form-label">服务标准<i class="icon-re">*</i></label>
                            <div class="layui-input-block">
                                <input type="text" name="fwbz" required lay-verify="required" placeholder="请输入字服务标准"
                                       autocomplete="off" class="layui-input">
                            </div>
                        </div>-->
                        <div class="layui-form-item">
                            <label class="layui-form-label">商品主图<i class="icon-re">*</i></label>
                            <div class="layui-input-block">
                                <button type="button" class="layui-btn" id="SCS">
                                    <i class="layui-icon">&#xe67c;</i>上传图片
                                </button>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">图文详情<i class="icon-re">*</i></label>
                            <div class="layui-input-block">
                                <div id="XQ1"></div>
                            </div>
                        </div>
                        <div class="layui-form-item" style="margin-top: 10px">
                            <div class="layui-input-block">
                                <button class="layui-btn" lay-submit lay-filter="formDemos">立即提交</button>
                                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>